<div class="layui-body">
  <div style="padding: 16px;">
    <table class="layui-hide" id="test" lay-filter="test"></table>
    <div class="layui-row content-body place-holder">
      <!-- 表单上面的按钮 -->
      <div class="lay-col-lg12">
        <form class="layui-form layui-form-pane" action="">
        </form>

        <script type="text/html" id="toolEventDemo">
          <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
          </div>
        </script>
        <script type="text/html" id="read">
        {{# if(status = 2){ }} 可读写 {{# } else if(status = 1) { }} 可读 {{# } else { }} 不可读写 {{# } }}
        </script>
        <script type="text/html" id="status">
        {{# if(status = 0){ }} 不发布 {{# } else if(status = 1) { }} 发布 {{# } else { }} 草稿 {{# } }}
        </script>
      </div>
      <!-- 表单上面的按钮END -->
      <table class="layui-hide" id="ID-table-demo-data"></table>
      <script>
        layui.use('table', function() {
          var table = layui.table;
          var laypage = layui.laypage;
          //数据渲染
          var inst = table.render({

            elem: '#ID-table-demo-data',
            cols: [
              [ //标题栏
                {
                  field: 'tid',
                  title: 'ID',
                  width: 50
                },
                {
                  field: 'textname',
                  title: '主标题',
                },
                {
                  field: 'creator',
                  title: '创建者',
                },
                {
                  field: 'gread',
                  title: '同组读写权限',
                  templet: '#read'
                },
                {
                  field: 'otherread',
                  title: '其他人读写权限',
                  templet: '#read'
                },
                {
                  field: 'created',
                  title: '最后一次修改时间'
                },
                {
                  field: 'status',
                  title: '是否发布',
                  templet: '#status'
                },
                {
                  fixed: 'right',
                  title: '操作',
                  width: 134,
                  minWidth: 125,
                  toolbar: '#toolEventDemo'
                }
              ]
            ],
            url: '/admin/api/ittextlist.php',
            method: 'post',
            parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
              console.log("成功" + res.code + ";==" + res.msg + ";" + res.count);
              return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.count, //解析数据长度
                "data": res.data //解析数据列表
              };
            },
            page: true,
            limit: 5,
            limits: [5, 10, 20, 30],
          });
          table.on('tool(ID-table-demo-data)', function(obj) {
            var data = obj.data; // 得到当前行数据
            var dataCache = obj.dataCache; // 得到当前行缓存数据，包含特定字段 --- 2.8.8+
            var index = obj.index; // 得到当前行索引
            var layEvent = obj.event; // 获得元素对应的 lay-event 属性值
            var tr = obj.tr; // 得到当前行 <tr> 元素的 jQuery 对象
            var options = obj.config; // 获取当前表格基础属性配置项
            var col = obj.getCol(); // 得到当前列的表头配置属性 -- v2.8.3 新增
            //console.log(obj); // 查看对象所有成员

            // 根据 lay-event 的值执行不同操作
            if (obj.event === 'edit') {
              layer.open({
                title: '编辑 - id:' + data.tid,
                type: 1,
                area: ['80%', '80%'],
                content: '<div style="padding: 16px;">是否确认修改ID为' + data.tid + '的文章？<br> ' +
                '<a href="/admin/article.php?tid='+ data.tid+'" method="get"><input type="hidden" name="uid" value=' + data.tid + '><button type="submit" class="layui-btn layui-btn-radius">确认修改</button></a>' +
                '<form action="/admin/metext.php" method="get"><button type="submit" class="layui-btn layui-btn-radius">取消修改</button></form></div>'
              });
            } else {
              layer.open({
                title: '编辑 - id:' + data.tid,
                type: 1,
                area: ['50%', '50%'],
                content: '<div style="padding: 16px;">是否确认删除ID为' + data.tid + '的文章？<br><form action="/admin/api/deltext.php" method="get"><input type="hidden" name="uid" value=' + data.tid + '><button type="submit" class="layui-btn layui-btn-radius">确认删除</button></form><form action="/admin/metext.php" method="get"><button type="submit" class="layui-btn layui-btn-radius">取消删除</button></form></div>'
              });
            }
          });
        });
      </script>
    </div>